<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.box1{
				margin: auto;
				width: 300px;
				height: 500px;
				border:1px solid gainsboro ;
			}
			.box2{
				width: 300px;
				height: 20px;
				font-weight:bold ;
				border-bottom: 1px dashed gainsboro;
			}
			/*图片外的边框 包括名字微博*/
			.box3{
				width: 300px;
				height:300px;
				border-bottom:1px dashed gainsboro ;
			}
			/*里面的图片*/
			.box4{
				margin: 10px auto;
				width: 200px;
				height: 220px;
				border: 1px solid gainsboro;
				border-bottom: 1px solid gainsboro;
				background-image:url(img/20130104140042-1672428836.png) ;				
			}
			
			.box5{
				width: 300px;
				height: 50px;
				font-weight: bold;
				margin: auto;
				border: 2px solid red;
			}
			
			.box5 p{
				margin-top: 10px;
				margin-left: 110px;
			}
			
			.box5 img{
				width: 20px;
				height: 20px;
				margin-top: 0px;
				margin-left: 0px;
			}
			
			.box5 input[type=button]{
				margin-left: 120px;
				margin-bottom:50px ;
				width: 60px;
				height: 50px;
				background:url(../img/图片_微博 (1).png) no-repeat center;
			}
			.box6{
				margin:auto ;
				text-align: center;
				margin-top: 50px;
			}
		</style>
	</head>
	<body>
		<div class="box1">
			<div class="box2">
			<span>个人资料</span>
			</div>
			<div class="box3">
			<div class="box4">				
			</div>
			  <div class="box5"><p>蜡笔小新<img src="img/对勾.png"/> </p>
			  	<input type="button" value="微博" />			  	
			  </div>
			</div>
			<div class="box6">
				<input type="button" value="加好友"/>
				<input type="button" value="加好友"/><br/>
				<input type="button" value="加好友"/>
				<input type="button" value="加好友"/>
			</div>
		</div>
	</body>
</html>
